<template>

<div class="box">
      <div class="header">
        <ul>
            <li>asd</li>
            <li>asd</li>
            <li>asd</li>
            <li>asd</li>
            <li>asd</li>
            <li>asd</li>
        </ul>
      </div>
      <div class="meddle">内容</div>
    </div>
</template>
<style>

*{
    padding: 0;
    margin: 0;
    list-style: none;
}
.header{
    width: 100%;
    height: 100%;
}
.header ul li{
    width: 200px;
    height: 200px;
    background-color: red;
}
</style>